<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>乐鲜生活后台管理系统</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdn.bootcss.com/admin-lte/2.4.3/css/AdminLTE.min.css" rel="stylesheet">
  <link href="https://cdn.bootcss.com/admin-lte/2.4.3/css/skins/_all-skins.min.css" rel="stylesheet">
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script src="https://cdn.bootcss.com/admin-lte/2.4.3/js/adminlte.min.js"></script>
  <link rel="stylesheet" type="text/css" media="screen" href="css/index/index.css" />
  <script src="https://cdn.bootcss.com/vue/2.5.16/vue.js"></script>
  <script src="../resource/ply/Ply.min.js"></script>
  <link rel="stylesheet" href="../resource/ply/ply.css">
  <script src="https://cdn.bootcss.com/vue-resource/1.5.1/vue-resource.js"></script>
</head>

<body class="skin-purple">
  <!-- Main Header -->
  <header id="app-header">
    <component-header></component-header>
  </header>
  <script src="../js/header.js"></script>

  <aside id="app-sidebar">
    <component-sidebar></component-sidebar>
  </aside>
  <script src="../js/sidebar.js"></script>

  <div id="app-admin-settings">
    <component-content title="管理员设置">
      <div class="callout callout-danger lead" v-if="shouldAlert">
        <h4>错误</h4>
        <p>{{ errorMessage }}</p>
      </div>
      <div class="row">
        <div class="col-md-6">
          <component-box title="修改密码" class="box-info">
            <div class="form-horizontal">
              <div class="form-group">
                <label class="col-sm-3 control-label">原密码</label>
                <div class="col-sm-9">
                  <input class="form-control" type="password" v-model="passwordStore.originalPassword">
                </div>
              </div>
              <div class="form-group">
                <label class="col-sm-3 control-label">新密码</label>
                <div class="col-sm-9">
                  <input class="form-control" type="password" v-model="passwordStore.newPassword">
                </div>
              </div>

              <div class="form-group">
                <label class="col-sm-3 control-label">重复密码</label>
                <div class="col-sm-9">
                  <input class="form-control" type="password" v-model="passwordStore.repeatPassword">
                </div>
              </div>
              <!-- /.box-body -->
              <div class="box-footer">
                <button class="btn btn-info pull-right" @click="changePassword">修改密码</button>
              </div>
              <!-- /.box-footer -->
            </div>
          </component-box>
          <script src="../js/box.js"></script>
        </div>
        <div class="col-md-6"></div>
      </div>

    </component-content>
    <script src="../js/content.js"></script>
  </div>
  <script src="../js/adminSettings.js"></script>
</body>

</html>